$(function () {
    var form = layui.form;
    form.render('select');
    var laypage = layui.laypage;

    // 设置请求参数
    var data = {
        pagenum: 1,
        pagesize: 2,
        // cate_id:
        // state:
    }
    renderList();

    // 点击删除按钮  删除数据  事件委托注册
    $('body').on('click', 'button:contains("删除")', function () {
        var id = $(this).attr('data-id');
        console.log(id);
        // 发送ajax请求  删除数据
        $.ajax({
            url: '/my/article/delete/' + id,
            type: 'GET',
            success: function (backData) {
                layer.msg(backData.message);
                if (backData.status == 0) {
                    renderList();
                };
            }
        });


    })





    // ------------------ 获取所有的分类，渲染到下拉框中 ----------------
    $.ajax({
        url: '/my/article/cates',
        success: function (res) {
            var str = template('tpl-category', res);
            $('#category').html(str);
            form.render('select');
        }
    });

    // ------------------ 搜索区 -----------------------------------
    $('#search-form').on('submit', function (e) {
        e.preventDefault();
        var p = $(this).serializeArray();
        console.log(p);
        // 判断是否选择了分类
        if (p[0].value) {
            data.cate_id = p[0].value;
        } else {
            delete data.cate_id; // delete 可以删除对象的属性
        }
        // 判断是否选择了状态
        if (p[1].value) {
            data.state = p[1].value;
        } else {
            delete data.state;
        }
        // 搜索之后，肯定要看第1页的数据
        data.pagenum = 1;
        // 调用renderArticle，重新获取数据
        renderList();
    })

    function showPage(t) {
        //执行一个laypage实例
        laypage.render({
            elem: 'page', // 注意，这里的 page 是 ID，不用加 # 号
            count: t, // 数据总数
            limit: data.pagesize, // 每页显示多少条
            limits: [2, 3, 4, 5, 6], // 下拉框可设置每页多少条
            curr: data.pagenum, // 当前页
            // groups: 5,
            // prev: '上一篇'
            layout: ['limit', 'prev', 'page', 'next', 'skip', 'count'], // 自定义排版
            jump: function (obj, first) {
                // 页面刷新、点击页码、....之后，都会执行这个函数
                // console.log(first); // 第一次执行函数，first是true；后续点击页码的时候，first是undefined
                // console.log(obj); // 分页参数
                if (first === undefined) {
                    data.pagenum = obj.curr;
                    data.pagesize = obj.limit;
                    renderList();
                }
            }
        });
    }
    function renderList() {
        $.ajax({
            url: '/my/article/list',
            type: 'GET',
            data: data,
            success: function (backData) {
                // 请求成功后将返回的数据渲染到页面中
                console.log(backData);
                if (backData.status == 0) {
                    var res = template('tpl-article', backData);
                    $('tbody').html(res);
                    // 这里调用showPage，因为只有这里有数据总数
                    showPage(backData.total);
                };
            }
        });
    };


})
